<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="UTF-8" />
		<meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0" />
		<meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
		<meta http-equiv="X-UA-Compatible" content="ie=edge" />
		<title>AIT国际汽车改装展</title>
		<script src="./js/responsive.js" type="text/javascript" charset="utf-8"></script>
		<meta name='keywords' content='' />
		<meta name='description' content='' />
		<meta name="author" content="" />
		<link rel="stylesheet" type="text/css" href="./css/public.css?1.0.0" />
		<link rel="stylesheet" type="text/css" href="./css/swiper.min.css" />
		<link rel="stylesheet" type="text/css" href="./layer2/need/layer.css"/>
		<script type="text/javascript">
		 document.write('<link rel="stylesheet" type="text/css" href="./css/style.css?v=' + new Date().getTime() + '"/>');
		</script>
		<style>
			html,body{
				background:#fff;
			}
			.content .qrcode img{
				width:4rem;
				height:4rem;
			}
			.swiper-pagination-bullet{
				width:6px;
				height:6px;
				background:rgba(0,0,0,0);
				border:1px solid #fff;
				opacity: 1;
			}
			.swiper-pagination-bullet-active{
				background:rgba(255,255,255,1);
			}
		</style>
	</head>
	<body>
		<div class="main committed " id="app">
			<div class="content">
				<div class="swiper-container" id="swiper-container-banner">
					<div class="swiper-wrapper">
						<div class="swiper-slide ">
							<div class="ellipsis"><img src="./icon/1_12.jpg" ></div>
						</div>
					</div>
					<div class="swiper-pagination"></div>
				</div>
				<div class="top">
					<p>恭喜您已成功报名AIT国际汽车改装展</p>
					<h4 class="box2"><i>电</i><i>子</i><i>门</i><i>票</i></h4>
				</div>
				<div class="qrcode" id="qrcode" style="text-align: center;">

				</div>
				<div class="des">
					<p>早布局聚势 - 汽车改装 势必开放</p>
					<p>早布局入行 - 改装生意 蓄势待发</p>
					<p>早布局赚钱 - 一个不得不看的赚钱大展</p>
				</div>
				<div class="date">
					<p>2021年10月22日 - 24日</p>
					<p>中国.东莞</p>
					<p>广东现代国际展览中心(东莞)</p>
				</div>
				<div class="foot">
					<!-- <img src="./icon/3_07.jpg" > -->
				</div>
			</div>
		</div>
		<script src="./js/jquery.min.js" type="text/javascript" charset="utf-8"></script>
		<script type="text/javascript" src="./js/qrcode.js"></script>
		<script type="text/javascript" src="./js/swiper.min.js"></script>
		<script src="./js/utils.js?v1.0.1" type="text/javascript" charset="utf-8"></script>
		<script src="./layer2/layer.js" type="text/javascript" charset="utf-8"></script>
		<script src="./js/request.js?v1.0.6" type="text/javascript" charset="utf-8"></script>
		<script src="http://res.wx.qq.com/open/js/jweixin-1.6.0.js" type="text/javascript"></script>
		<script type="text/javascript" charset="utf-8">
			var cid = getUrlParam('f');
			var uid = getCookie('uid');
			var code = getUrlParam('code');
			var hostUrl = window.location.protocol+"//"+window.location.host;
			function replaceParamVal(paramName,replaceWith) {
				 var oUrl = this.location.href.toString();
				 var re=eval('/('+ paramName+'=)([^&]*)/gi');
				 var nUrl = oUrl.replace(re,paramName+'='+replaceWith);
				 this.location = nUrl;
				 window.location.href=nUrl
			}
			//banner
			if($('.swiper-slide').length>1){
				var mySwiper = new Swiper('#swiper-container-banner', {
					pagination: '.swiper-pagination',
					slidesPerView: 1,
					observer:true,//修改swiper自己或子元素时，自动初始化swiper 
					observeParents:true,//修改swiper的父元素时，自动初始化swiper 
					paginationClickable: true,
					autoplayDisableOnInteraction : false,
					autoplay : 5000,
					loop: true
				});
			}
			var browser = {
			    versions: function () {
			        var u = navigator.userAgent, app = navigator.appVersion;
			        return {         //移动终端浏览器版本信息
			            trident: u.indexOf('Trident') > -1, //IE内核
			            presto: u.indexOf('Presto') > -1, //opera内核
			            webKit: u.indexOf('AppleWebKit') > -1, //苹果、谷歌内核
			            gecko: u.indexOf('Gecko') > -1 && u.indexOf('KHTML') == -1, //火狐内核
			            mobile: !!u.match(/AppleWebKit.*Mobile.*/), //是否为移动终端
			            ios: !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/), //ios终端
			            android: u.indexOf('Android') > -1 || u.indexOf('Linux') > -1, //android终端或uc浏览器
			            iPhone: u.indexOf('iPhone') > -1, //是否为iPhone或者QQHD浏览器
			            iPad: u.indexOf('iPad') > -1, //是否iPad
			            webApp: u.indexOf('Safari') == -1 //是否web应该程序，没有头部与底部
			        };
			    }(),
			    language: (navigator.browserLanguage || navigator.language).toLowerCase()
			}
			if (browser.versions.mobile) {//判断是否是移动设备打开。browser代码在下面
			        var ua = navigator.userAgent.toLowerCase();//获取判断用的对象
			        if (ua.match(/MicroMessenger/i) == "micromessenger") {
			                //在微信中打开
							getshare()
			        }
			        if (ua.match(/WeiBo/i) == "weibo") {
			                //在新浪微博客户端打开
			        }
			        if (ua.match(/QQ/i) == "qq") {
			                //在QQ空间打开
			        }
			        if (browser.versions.ios) {
			                //是否在IOS浏览器打开
							
			        } 
			        if(browser.versions.android){
			                //是否在安卓浏览器打开
			        }
			} else {
			        //否则就是PC浏览器打开
					console.log('pc')
			}
			if(code){
				replaceParamVal('code','')
			}
			function getshare() {
				var params = {
					url:window.location.href
				}
				ajaxGet('apply/getShareAccess',params, function(res) {
					if(res.code != 200){
						layer.open({
							content: res.msg,
							skin: 'msg',
							time: 2, //2秒后自动关闭
						});
						return false
					}
					if(res.data){
						wx.config({
							debug: false, // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。   
							appId: res.data.appId, // 必填，公众号的唯一标识
							timestamp: res.data.timestamp, // 必填，生成签名的时间戳
							nonceStr: res.data.noncestr, // 必填，生成签名的随机串
							signature: res.data.signature, // 必填，签名，见附录1
							jsApiList: ['onMenuShareTimeline','onMenuShareAppMessage','hideMenuItems'] // 必填，需要使用的JS接口列表，所有JS接口列表见附录2
						  });
						  wx.error(function (res) {
							//alert("失败："+res.msg);
						  });
						
						// wx.config 检测无误后，会进入到  ready 方法 。 注意type参数。微信多数的坐标体系都为gcj02
						  wx.ready(function () {   //需在用户可能点击分享按钮前就先调用
							wx.hideMenuItems({
								menuList:['menuItem:copyUrl',
									  'menuItem:openWithQQBrowser',
									  'menuItem:openWithSafari',
									  'menuItem:share:qq',
									  'menuItem:share:QZone',
									  'menuItem:share:weiboApp',
									  'menuItem:share:facebook'],
							});
							wx.checkJsApi({
										jsApiList: ['onMenuShareTimeline','onMenuShareAppMessage'], // 需要检测的JS接口列表，所有JS接口列表见附录2,
										success: function(res) {
											// 以键值对的形式返回，可用的api值true，不可用为false
											// 如：{"checkResult":{"chooseImage":true},"errMsg":"checkJsApi:ok"}
										}
									});
									//分享朋友圈
									wx.onMenuShareTimeline({
										title:'【点击报名】10月22-24日 AIT国际汽车改装展' , // 分享标题
										link: window.location.href, // 分享链接
										imgUrl: hostUrl + '/icon/logo.jpg', // 分享图标
										success: function () {
											// 用户确认分享后执行的回调函数
										},
										cancel: function () {
											// 用户取消分享后执行的回调函数
										}
									});
									 
									//分享朋友
									wx.onMenuShareAppMessage({
										title: '【点击报名】10月22-24日 AIT国际汽车改装展', // 分享标题
										desc: '东莞·广东现代国际展览中心', // 分享描述
										link: window.location.href, // 分享链接
										imgUrl: hostUrl + '/icon/logo.jpg', // 分享图标
										type: '', // 分享类型,music、video或link，不填默认为link
										dataUrl: '', // 如果type是music或video，则要提供数据链接，默认为空
										success: function () {
											// 用户确认分享后执行的回调函数
										},
										cancel: function () {
											// 用户取消分享后执行的回调函数
										},
										fail:function(res){
											//alert(res);
										}
									});
						  });
					}
				},
				function(err){
					
				})
				
			}
			if(!uid){
				// location.replace('index.html?f='+cid)
				setCookie('uid','',-1)
			}else{
				if(uid != cid){
					replaceParamVal('f',uid)
				}
				polling()
			}
			function replaceParamVal(paramName,replaceWith) {
				 var oUrl = this.location.href.toString();
				 var re=eval('/('+ paramName+'=)([^&]*)/gi');
				 var nUrl = oUrl.replace(re,paramName+'='+replaceWith);
				 this.location = nUrl;
				 window.location.href=nUrl
			}
			var qrcode = new QRCode(document.getElementById("qrcode"), {
				width : 200,
				height : 200,
			});
			function polling(){
				var params = {
					id:uid
				}
				ajaxGet('apply/getById',params, function(res) {
					if(res.code != 200){
						layer.open({
							content: res.msg,
							skin: 'msg',
							time: 3, //2秒后自动关闭
						});
						return false
					}
					if(res.data){
						qrcode.makeCode(res.data.qrcode)
					}else{
						location.replace('index.html?f='+uid)
					}
					$('.committed').show()
				},
				function(err){
					layer.open({
						content: err.responseJSON.msg,
						skin: 'msg',
						time: 3, //2秒后自动关闭
					});
				})
			}
		</script>
	</body>
</html>
